<template>
  <div class="page-content">
    <div class="page-header">
      <dx-button @click="dialogVisible = true">新建</dx-button>
      <dx-button @click="dialogVisible1 = true">修改</dx-button>
      <dx-button>保存</dx-button>
    </div>

    <div class="page-main-flex page-margin-top">
      <dx-drag-layout>
        <template slot="left">
          <div class="page-right page-padding page-background">内容区1</div>
        </template>
        <template slot="right">
          <div class="page-left">
            <dx-drag-layout :layout="['50%', 'auto']">
              <template slot="left">
                <div class="page-right page-padding page-background">
                  内容区2
                </div>
              </template>
              <template slot="right">
                <div class="page-left page-padding page-background">
                  内容区3
                </div>
              </template>
            </dx-drag-layout>
          </div>
        </template>
      </dx-drag-layout>
    </div>

    <dx-dialog :visible.sync="dialogVisible" title="新建"> </dx-dialog>

    <dx-dialog :visible.sync="dialogVisible1" title="新建1"> </dx-dialog>
  </div>
</template>

<script>
import { getMenuConfigCache } from "@/utils/IndexedDB";
export default {
  name: "UserInfo",
  meta: {
    menuId: "90020202",
    title: "用户管理",
  },
  data() {
    return {
      dialogVisible: false,
      dialogVisible1: false,
    };
  },
  mounted() {
    getMenuConfigCache(this.$route.name).then((res) => {
      console.log(res);
    });
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
</style>